Vue.component("myheader",{
    template :
    `<div class="container header">
\t
\t
<div class="span5">
\t\t<div class="logo">
\t\t\t<a href="index.html">
\t\t\t\t<img src="image/r___________renleipic_01/logo.png" alt="依依不舍"/>
\t\t\t</a>
\t\t</div>
\t</div>
\t<div class="span9">
<div class="headerAd">
\t<img src="image/header.jpg" width="320" height="50" alt="正品保障" title="正品保障"/>
</div>\t</div>
<div class="span10 last">
\t\t<div class="topNav clearfix">
\t\t\t<ul>
\t\t\t\t
\t\t\t\t\t<li v-if="!loginedUser" id="headerLogin" class="headerLogin" style="display: list-item;">
\t\t\t\t\t\t<a href="login.html">登录</a>
\t\t\t\t\t</li>
\t\t\t\t\t<li v-if="loginedUser" id="headerLogin" class="headerLogin" style="display: list-item;">
\t\t\t\t\t\t 欢迎: {{loginedUser.name}}|
\t\t\t\t\t</li>
\t\t\t\t\t<li v-if="loginedUser" id="headerLogin" class="headerLogin" style="display: list-item;">
\t\t\t\t\t\t<a href="olist.html">我的订单</a>|
\t\t\t\t\t</li>
\t\t\t\t\t<li v-if="loginedUser" id="headerRegister" class="headerRegister" style="display: list-item;">
\t\t\t\t\t<a @click.prevent="logout" href="index.html">退出</a>|
\t\t\t\t</li>
\t\t\t\t
\t\t\t\t
\t\t\t\t
\t\t\t\t
\t\t\t\t<li id="headerUsername" class="headerUsername"></li>
\t\t\t\t<li id="headerLogout" class="headerLogout">
\t\t\t\t\t<a>[退出]</a>|
\t\t\t\t</li>
\t\t\t\t\t\t<li>
\t\t\t\t\t\t\t<a>会员中心</a>
\t\t\t\t\t\t\t|
\t\t\t\t\t\t</li>
\t\t\t\t\t\t<li>
\t\t\t\t\t\t\t<a>购物指南</a>
\t\t\t\t\t\t\t|
\t\t\t\t\t\t</li>
\t\t\t\t\t\t<li>
\t\t\t\t\t\t\t<a>关于我们</a>
\t\t\t\t\t\t\t
\t\t\t\t\t\t</li>
\t\t\t</ul>
\t\t</div>
\t\t<div class="cart">
\t\t\t<a  href="cart.html">购物车</a>
\t\t</div>
\t\t\t<div class="phone">
\t\t\t\t客服热线:
\t\t\t\t<strong>96008/53277764</strong>
\t\t\t</div>
\t</div>
\t


<div class="span24">
\t\t<ul class="mainNav">
\t\t\t\t\t<li>
\t\t\t\t\t\t<a href="index.html">首页</a>
\t\t\t\t\t\t|
\t\t\t\t\t</li>
\t\t\t\t\t
\t\t\t\t\t<li>
<a href="clist.html?1&pageIndex=1">
\t\t\t\t\t女装男装
</a>
\t\t\t\t\t|</li>
\t\t\t\t\t
\t\t\t\t\t<li>
<a href="clist.html?2&pageIndex=1">
\t\t\t\t\t鞋靴箱包
</a>
\t\t\t\t\t|</li>
\t\t\t\t\t
\t\t\t\t\t<li>
<a href="clist.html?3&pageIndex=1">
\t\t\t\t\t运动户外
</a>
\t\t\t\t\t|</li>
\t\t\t\t\t
\t\t\t\t\t<li>
<a href="clist.html?4&pageIndex=1">
\t\t\t\t\t珠宝配饰
</a>
\t\t\t\t\t|</li>
\t\t\t\t\t
\t\t\t\t\t<li>
<a href="clist.html?5&pageIndex=1">
\t\t\t\t\t手机数码
</a>
\t\t\t\t\t|</li>
\t\t\t\t\t
\t\t\t\t\t<li>
<a href="clist.html?6&pageIndex=1">
\t\t\t\t\t家电办公
</a>
\t\t\t\t\t|</li>
\t\t\t\t\t
\t\t\t\t\t<li>
<a href="clist.html?7&pageIndex=1">
\t\t\t\t\t护肤彩妆
</a>
\t\t\t\t\t|</li>
\t\t\t\t\t\t\t
\t\t</ul>
\t</div>


</div>`,
    data(){
        return {
            loginedUser : null
        }
    },
    created() {
        this.refresh();
    },
    methods:{
        refresh(){
            axios.get("/user/getLoginedUser").then(res=>{
                this.loginedUser = res.data;
                // 发布事件 , 传递当前登录的用户对象
                this.$emit("logined", this.loginedUser);
            })
        },
        logout(){
            axios.get("/user/logout").then(res=>{
                this.loginedUser = null;
                // 用户退出事件
                this.$emit("logouted");
                alert(res.data);
            })
        }
    }
})